.CustomPopbar {
    width: max-content;
    position: absolute;
    top: 0;
    left: 0;
    background-color:var(--doorhanger-bg-color);
    box-shadow:0 1px 5px var(--doorhanger-border-color), 0 0 0 1px var(--doorhanger-border-color);
    border:var(--doorhanger-border-color-whcm);
    font:message-box;
    .buttons {
        display: flex;
        padding: 0;
        margin: 0;
        list-style: none;
        gap: 3px;
        user-select: none;
        li {
            align-items: center;
            height: 100%;
            text-align: center;
            border: 1px solid transparent;
            color: var(--main-color);
            cursor: default;
            width: 80px;
            .icon {
                font-size: 14px;
                padding: 5px 10px 0 10px;
                border-bottom: 1px solid transparent;
                opacity: 0.8;
            }
            .name {
                font-size: 14px;
                padding: 1px 10px 2px 10px;
            }
            &:hover {
                background-color: var(--button-hover-color);
            }
        }
    }
}

.CustomPopbar.show{
    z-index: 999;
    display: block;
}
.CustomPopbar.hide{
    display: none;
}